<template>
    <div>
        <el-container>
            <navs />
            <!-- <el-header>
            <background/>
        </el-header> -->
        </el-container>
        <div class="tabs">

            <el-tabs :tab-position="tabPosition" style="height: 2000px;">
                <el-tab-pane label="开放课题">
                    <el-col :span="4">
                        <!-- <div class="school">
                            <img src="@/assets/direction.png" alt="" class="img">
                        </div> -->
                        <div>
                            <pre class="dra">
                                简介
                            </pre>
                        </div>
                    </el-col>
                </el-tab-pane>
                <el-tab-pane label="学术会议">
                    <pre class="drb">
                            简介
                        
                        </pre>
                </el-tab-pane>
                <el-tab-pane label="征稿新闻">
                    <pre class="drc">
                            简介
                        
                        </pre>
                </el-tab-pane>

                <!-- <el-tab-pane label="相关下载">
                    <pre class="drd">
                            简介
                        
                        </pre>
                </el-tab-pane> -->

            </el-tabs>
        </div>
    </div>
</template>

<script>
import navs from "@/layout/navs.vue"
import background from "@/layout/background.vue"

export default {
    components: {
        navs,
        background
    },
    data() {
        return {
            tabPosition: 'left'
        };
    }
}
</script>

<style lang="less" scoped>
.tabs {
    margin-top: 250px;
    margin-left: 50px;
    //margin-bottom: 400px;
}

.school {
    position: relative;
    margin: 20px 50px;

    .img {
        width: 400px;
    }
}

.dra {
    margin-left: 50px;
    margin-right: 100px;
    line-height: 2.2;
    text-indent: 2em;
    font-size: large;
    font-weight: bold;
}

.drb {
    margin-left: 50px;
    margin-right: 100px;
    line-height: 2.2;
    text-indent: 2em;
    font-size: large;
    font-weight: bold;
}

.drc {
    margin-left: 50px;
    margin-right: 100px;
    line-height: 2.2;
    text-indent: 2em;
    font-size: large;
    font-weight: bold;
}

.drd {
    margin-left: 50px;
    margin-right: 100px;
    line-height: 2.2;
    text-indent: 2em;
    font-size: large;
    font-weight: bold;
}
</style>
